$(function(){
	
	/*----------------------------------------
	 * 1、默认地址设置
	 * 2、地址搜索
	 ----------------------------------------*/
	
	//默认的地址对象
	var defaultCity={
		html:$(".selCity").html()
	};
	
	//显示已选择的地址
	$(".selCity").on("click",".options",function(){
		var val=$(this).text();
		$("input.city").val(val);
	});
	
	//获取焦点时，显示默认地址
	$("input.city").on("focus",function(){ $(".selCity").html(defaultCity.html); });
	
	//搜索城市
	$("input.city").on("keyup input",function(){
		var value=$(this).val().trim();
		
		if(value!=null&&value!=""){
			$.post(
					"/projects/searchArea",
					{"keyWord":value},
					function(data){
						
						//如果有返回数据，则.selCity的内容为新的地址内容，否则设置为默认的地址内容
						if(data.status==true){
							var html = "";
							var arry = data.data.list;
							$.each(arry, function(i){
								html+="<span class='options' data-value="+arry[i].id+">"
								    + arry[i].name
									+ "<i class='pull-right iconfont icon-gou'></i>"
									+ "</span>";
							});
							$(".selCity").html(html);
						}
						else{
							$(".selCity").html(defaultCity.html);
						};
						
					},"json"
			);
		};

	});
	
	/*-----------------------------
	 * unit
	 ----------------------------*/
	$(".comment-text").on("focus",function(){
		$(this).addClass("focus");
	});
	
	//截取商业计划书名称
	(function(){
		var txt=$("#bp-file").attr("href");
		if(txt){
			var arr=txt.split("/");
			var fileName=arr[arr.length-1];
			$("#bp-file,.book-name").html(fileName).attr("title",fileName);
		}
	})();
	
	//下拉框对象
	var Spinner={
		/*
		 * 1、parentsNode触发的父级选择器
		 * 2、selector触发的选择器
		 * 3.childNode要显示的子元素
		 */
		show:function(parentsNode,selector,childNode){
			//点击向下箭头，显示“编辑”和“删除”操作按钮
			$(parentsNode).on("click",selector,function(e){
				var e=e || window.event, that=e.target || e.srcElement;
				e.stopPropagation();
				var hideNode=selector+" "+childNode;
				$(hideNode).slideUp();
				var $tag=$(that).find(childNode), hidden=$tag.css("display")==="none" ? true : false;
				//显示展开选项
				if(hidden){
					$tag.slideDown();	
				}
			});
		},
		
		hide:function(selector){
			$(document).click(function(){
				$(selector).hide();
			});
		},
		
		toggle:function(parentsNode,selector,childNode){
			var hideNode=selector+" "+childNode;
			this.show(parentsNode,selector,childNode);
			this.hide(hideNode);
		}
	};

	Spinner.toggle(".team-information,.projects-course",".btn-select","span");
	
	
	/*-------------------------------------------------
	 * 项目历程
	-------------------------------------------------*/
    //日期选择函数
	function datePicker(){
		//日历选择器
		$('.date-picker').daterangepicker({
			singleDatePicker: true,
		    opens:"center",
		    parentEl:"#project-course-modal",
		    //本地化配置
		    locale : {  
		    	format: "YYYY年MM月DD日",
		        customRangeLabel : '自定义',  
		        daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],  
		        monthNames : [ '1月', '2月', '3月', '4月', '5月', '6月',  
		                       '7月', '8月', '9月', '10月', '11月', '12月' ], 
		        firstDay : 7  
		    }  
		});
		
		$(".date-picker").on('apply.daterangepicker',function(ev, picker){
			$("#project-course-modal .main-message").next(".err").remove();
		});
	};
	
	datePicker();
	
	//编辑历程
	$(".projects-course").on("click",".edit",function(e){
		var e=e || window.event, that=e.target || e.srcElement;
		e.stopPropagation();
		$(that).parents(".message-item").addClass("on").siblings().removeClass("on");
		$("#project-course-modal").attr("mark","edit");
		
		//获取本历程的时间和内容
		var time,txt;
		time=$(that).parents(".message-item").find(".time").text();
		txt=$(that).parents(".message-item").find(".text").text();
		
		//将历程的时间和内容添加到修改的编辑区
		$("#project-course-modal").find(".date-picker").val(time);
		$("#project-course-modal").find(".comment-text").val(txt);
		$("#project-course-modal").modal("show");
		
	});
	
	//添加新历程
	$(".projects-course .add").on("click",function(){
		$("#project-course-modal").find("input,textarea").val("");
		$("#project-course-modal").find(".show-word i").text("500");
		$("#project-course-modal").attr("mark","add");
	});
	
	//保存历程
	$("#project-course-modal").on("click",".save",function(){
		var mark=$("#project-course-modal").attr("mark");
		
		//如果mark等于edit，则是保存编辑历程
		if(mark=="edit"){
			console.log("edit")
			//获取历程编辑后的内容
			var txt=$("#project-course-modal").find(".comment-text").val();
			var id = $(".projects-course .on").find("input:first").val();
			//内容不为空时，则执行修改
			if(!(txt=="" || txt==null)){
				//获取历程编辑后的时间
				var time=$("#project-course-modal").find(".date-picker").val();
				var projectId = $('#projectId').val();
				var arrays = new Array();
				arrays.push({'id': id, 'time': time, 'detail': txt, 'proId' : projectId});
		        $.ajax({
		            url: "/projects/updateMilepost",
		            type: "POST",
		            contentType : 'application/json', //设置请求头信息
		            dataType:"json",
		            data: JSON.stringify(arrays),  //将Json对象序列化成Json字符串，JSON.stringify()原生态方法
		            success: function(data){
		                if(data.status == true){
		    				//后台保存成功后，修改界面的显示
		    				$(".projects-course .on .time").text(time);
		    				$(".projects-course .on .text").text(txt);
		    				$("#project-course-modal").modal("hide");
		                }
		            },
		            error: function(res){
		                //alert(res.responseText);
		            }
		        });
			}
		};
		
		if(mark=="add"){
			//获取历程的内容
			var txt=$("#project-course-modal").find(".comment-text").val();
			//获取历程的时间
			var time=$("#project-course-modal").find(".date-picker").val();
			if(time==="" || time===null){ return false; }
			//内容不为空时，则执行修改
			if(!(txt=="" || txt==null)){
				var projectId = $('#projectId').val();
				var arrays = new Array();
				arrays.push({'id': 0, 'time': time, 'detail': txt, 'proId' : projectId});
		        $.ajax({
		            url: "/projects/updateMilepost",
		            type: "POST",
		            contentType : 'application/json', //设置请求头信息
		            dataType:"json",
		            data: JSON.stringify(arrays),  //将Json对象序列化成Json字符串，JSON.stringify()原生态方法
		            success: function(data){
		                if(data.status == true){
		    				//后台保存成功后，修改界面的显示
		    				/*
		    				var $newItem,html;
		    				$newItem=$("<div class='message-item clearfix'></div>");
		    				html = "<input type='hidden' value='"+data.data+"' id='milepostId'><p class='pull-left'><span class='icon-circle'></span><span class='time'>"
		    					 + time
		    					 + "</span></p>"
		       					 + "<p class='text pull-left'>"
		       					 + txt
		       					 + "</p>"
		       					 + "<p class='pull-right btn-select iconfont icon-jiantou'>"
		       					 + "<span><i class='edit'>编辑</i><i class='del'>删除</i></span>"
		       					 + "</p>";
		       				$newItem.html(html).appendTo(".projects-course .message");
		       				$("#project-course-modal").modal("hide");*/
		       				window.location.reload(true);
		                }
		            },
		            error: function(res){
		                //alert(res.responseText);
		            }
		        });
			}
		};
		
	});
	
	/*------------------------------------------------------------
	 * 删除操作
	 * 1、删除团队成员信息
	 * 2、删除项目历程
	 * 3、确认对团队成员信息或项目历程执行删除操作
	 ------------------------------------------------------------*/
	//标志删除类型函数
	function toMarkDel(tip,str){
		$("#del-modal .text-tip").html(tip);
		$("#del-modal").attr("mark",str);
		$("#del-modal").modal("show");
	}
	
	//删除历程
	$(".projects-course").on("click",".del",function(e){
		var e=e || window.event, that=e.target || e.srcElement;
		e.stopPropagation();
		$(that).parents(".message-item").addClass("on").siblings().removeClass("on");
		toMarkDel("是否确认删除该历程？","course");
	});
	
	//删除团队信息
	$(".team-information").on("click",".del",function(e){
		var e=e || window.event, that=e.target || e.srcElement;
		e.stopPropagation();
		$(that).parents(".people-message").addClass("on").siblings().removeClass("on");
		toMarkDel("是否确认删除该成员信息？","team");
	});
	
	//确认删除操作
	$("#del-modal .confirm").click(function(){
		var mark=$("#del-modal").attr("mark");
		console.log(mark);
		
		//如果mark等于“team”，则对团队成员信息执行删除
		if(mark=="team"){
			var $select = $(".team-information .on");
			var id = $select.find("input:first").val();
			$.get(
					"/projects/deleteOrganiza/"+id,
					function(data){
						if(data.status==true){
							//删除
							$select.remove();
						}
					},"json"
			);
		}
		
		//如果mark等于“team”，则对历程执行删除
		if(mark=="course"){
			var $select = $(".projects-course .on");
			var id = $select.find("input:first").val();
			$.get(
					"/projects/deleteMilepost/"+id,
					function(data){
						if(data.status==true){
							//删除
							$select.remove();
						}
					},"json"
			);
		}
		$("#del-modal").modal("hide");
	});
	
	
	/*----------------------------------------------------
	 * 
	 * 1、编辑团队成员信息
	 * 2、添加团队成员信息
	 * 3、对新添加或新编辑的团队成员信息执行保存操作
	 * 
	  -----------------------------------------------------*/
	
	//编辑团队成员信息
	$(".team-information").on("click",".edit",function(e){
		var e=e || window.event, that=e.target || e.srcElement;
		e.stopPropagation();
		$(that).parents(".people-message").addClass("on").siblings().removeClass("on");
		$("#team-modal").attr("mark","edit").find(".err").hide();
		
		//获取本历程的时间和内容
		var name,honor,phone,txt;
		name=$(that).parents(".people-message").find(".people-name").text().trim();
		honor=$(that).parents(".people-message").find(".info").text().trim();
		phone=$(that).parents(".people-message").find(".phone").text().trim();
		txt=$(that).parents(".people-message").find("p:last").text().trim();
		
		//将历程的时间和内容添加到修改的编辑区
		$("#team-modal").find(".organizaName").val(name);
		$("#team-modal").find(".organizaPosition").val(honor);
		$("#team-modal").find(".organizaPhone").val(phone);
		$("#team-modal").find(".comment-text").val(txt);
		$("#team-modal").modal("show");
		
	});
	
	//添加团队成员信息
	$(".team-information .add").on("click",function(){
		$("#team-modal").find("input,textarea").val("");
		$("#team-modal").find(".show-word i").text("500");
		$("#team-modal").attr("mark","add").find(".err").hide();
	});
	
	//保存团队成员信息
	$("#team-modal").on("click",".save",function(){
		
		//手机号正则表达式
		var re=/^1[3|4|5|6|7|8|9][0-9]{1}[0-9]{8}$/;
		
		//获取历程编辑后的内容
		var name,honor,phone,txt;
		name=$("#team-modal").find(".organizaName").val().trim();
		honor=$("#team-modal").find(".organizaPosition").val().trim();
		phone=$("#team-modal").find(".organizaPhone").val().trim();
		txt=$("#team-modal").find(".comment-text").val().trim();
		console.log(name+" "+honor+" "+phone+" "+txt);
		
		//验证
		var errSelector=$("#team-modal .main-message");
		if(name=="" || name==null){
			errTips(errSelector,"请填写姓名！");
			return false;
		}else if(name.length>10){
			errTips(errSelector,"姓名需在10字以内！");
			return false;
		}
		
		if(honor=="" || honor==null){
			errTips(errSelector,"请填写头衔！");
			return false;
		}else if(honor.length>10){
			errTips(errSelector,"请填写1-10字以内的头衔！");
			return false;
		}
		
		if(phone=="" || phone==null){
			errTips(errSelector,"请填写手机号码！");
			return false;
		}else if(!re.test(phone)){
			errTips(errSelector,"请输入11位有效的手机号码！");
			return false;
		}
		
		if(txt=="" || txt==null){
			errTips(errSelector,"请填写字数1-500以内的简介！");
			return false;
		}
		
		var mark=$("#team-modal").attr("mark");
		//如果mark等于edit，则是保存编辑后的历程
		if(mark=="edit"){
			console.log("edit");
			//发送数据到后台保存
			var projectId = $('#projectId').val();
			var id = $(".team-information .on").find("input:first").val();
			var arrays = new Array();
			arrays.push({'id': id, 'name': name, 'detail': txt, 'proId' : projectId, 'position':honor, 'phone':phone});
	        $.ajax({
	            url: "/projects/updateOrganiza",
	            type: "POST",
	            contentType : 'application/json', //设置请求头信息
	            dataType:"json",
	            data: JSON.stringify(arrays),  //将Json对象序列化成Json字符串，JSON.stringify()原生态方法
	            success: function(data){
	                if(data.status == true){	
	        			//后台保存成功后，修改界面的显示
	        			$(".team-information .on .people-name").text(name);
	        			$(".team-information .on .info").text(honor);
	        			$(".team-information .on .phone").text(phone);
	        			$(".team-information .on p:last").text(txt);
	        			$("#team-modal").modal("hide");
	                }
	            },
	            error: function(res){
	                //alert(res.responseText);
	            }
	        });
		}
		//如果mark等于add，则是保存新增的历程
		if(mark=="add"){
			console.log("add")
			//发送数据到后台保存
			var projectId = $('#projectId').val();
			var arrays = new Array();
			arrays.push({'id': 0, 'name': name, 'detail': txt, 'proId' : projectId, 'position':honor, 'phone':phone});
	        $.ajax({
	            url: "/projects/updateOrganiza",
	            type: "POST",
	            contentType : 'application/json', //设置请求头信息
	            dataType:"json",
	            data: JSON.stringify(arrays),  //将Json对象序列化成Json字符串，JSON.stringify()原生态方法
	            success: function(data){
	                if(data.status == true){	
	                	//后台保存成功后，修改界面的显示
	                	/*
	        			var $newItem,html;
	        			$newItem=$("<div class='people-message'></div>");
	        			html = "<input type='hidden' value='"+data.data+"'><div class='people-info clearfix'>"
	        	             + "<p class='pull-left' style='width:291px;'>"
	        	             + "<span class='people-name'>"
	        	             + name
	        	             + "</span><span class='info'>"
	        	             + honor
	        	             + "</span></p>"
	        	             + "<span class='pull-left people-link'>联系方式：<a class='phone'>"
	        	             + phone
	        	             + "</a></span>"
	        	             + "<p class='pull-right btn-select iconfont icon-jiantou'>"
	        	             + "<span><i class='edit'>编辑</i><i class='del'>删除</i></span>"
	        	             + "</p></div><p>"
	        	             + txt
	        	             + "</p>";
	        	             
	        			$newItem.html(html).appendTo(".team-information");
	        			$("#team-modal").modal("hide");
	        			*/
	        			window.location.reload(true);
	                }
	            },
	            error: function(res){
	                //alert(res.responseText);
	            }
	        });
		}
	});
	
	
	$("#team-modal").on("keyup","input,textarea",function(e){
		var e=e || window.event, that=e.target || e.srcElement;
		
		var errSelector=$("#team-modal .main-message");
		switch($(that).attr("class")){
			
			case "organizaName":
				var name=$(that).val().trim();
				if(name=="" || name==null){
					errTips(errSelector,"请填写姓名！");
					return false;
				}else if(name.length>10){
					errTips(errSelector,"姓名需在10字以内！");
					return false;
				}else{
					$("#team-modal .err").hide();
				}
				break;
				
			case "organizaPosition":
			    var honor=$(that).val().trim();
				if(honor=="" || honor==null){
					errTips(errSelector,"请填写头衔！");
					return false;
				}else if(honor.length>10){
					errTips(errSelector,"请填写1-10字以内的头衔！");
					return false;
				}else{
					$("#team-modal .err").hide();
				}
				break;
			
			case "organizaPhone":
			    var phone=$(that).val().trim();
			    var re=/^1[3|4|5|6|7|8|9][0-9]{1}[0-9]{8}$/;
				if(phone=="" || phone==null){
					errTips(errSelector,"请填写手机号码！");
					return false;
				}else if(!re.test(phone)){
					errTips(errSelector,"请输入11位有效的手机号码！");
					return false;
				}else{
					$("#team-modal .err").hide();
				}
				break;
			
			default:
				var txt=$(that).val().trim();
				if(txt=="" || txt==null){
					errTips(errSelector,"请填写字数1-500以内的简介！");
					return false;
				}else{
					$("#team-modal .err").hide();
				}
		}
	});
	
	//显示当前还可以输入的字数事件
	function changWord(obj){
		var len=obj.val().length,
			str=500-len;
		obj.parents(".item").find(".item-tips .show-word i").html(str);
		obj.parents(".item").find(".item-tips .show-word").fadeIn();
	}
	
	//为comment-text绑定字数修改事件
	$(".comment-text").on("input",function(){
		changWord($(this));	
	});
	
	/***
	 * 错误提示函数
	***/
	function errTips(obj,str){
		var exist=obj.next().hasClass("err");
		
		if(exist){
			obj.next().html(str);
		}else{
			var $err=$("<div class='err text-left'></div");
			
			$err.html(str);
			obj.after($err);
		}
		
		$(".err").show();
	};
	
	
	/*-------------------------------------------------
	 * 基本信息
	--------------------------------------------------*/
	/**1、添加项目标签**/
	$("#base-message-modal .add").click(function(){
		var value,flag=true;
		//获取input的值
		value=$("#base-message-modal .tag-text").val().trim();
		//如果input为空，结束程序，否则进行查重
		if(value=="" || value==null || value.length>10){
			return false;
		}else{
			var $arr=$("#base-message-modal .tag-box .tag");
			//如果重复，返回flag
			$.each($arr, function(i) {
				if($arr.eq(i).text()==value){
					//清空输入框的值
					$("#base-message-modal .tag-text").val("");
					return flag=false;
				}
			});
			
			//不重复，则添加新标签
			if(flag){
				var html="<span class='tag pull-left'>"
					+ "<i class='text'>"
					+ value
					+ "</i>"
					+ "<i class='iconfont icon-shanchu del'></i>"
					+ "</span>";
				
				$("#base-message-modal .tag-box")[0].innerHTML+=html;

			}
			//清空输入框的值
			$("#base-message-modal .tag-text").val("");
				
		}
	});
	
	//为del类元素添加删除事件
	$("#base-message-modal").on("click",".del",function(){
		//删除标签函数，该函数在projects-common.js文件中
		delTag($(this),"span.tag","#base-message-modal .tag-box");
	});
	
	/**保存数据**/
	$("#base-message-modal .save").click(function(){
		var projectId = $('#projectId').val(),
			projectName = $('#projectName').val(),
			proDetail = $('#proDetail').val(),
			field = $('#business').data('value'),
			area = $('#area').data('value'),
			round = $('#round').data('value'),
			link = $('#link').val(),
			money = $('#money').val().replace('万',''),
			currency = $('#currency').data('value'),
			bp = $('#BpButton').attr('value'),
			stock = $('#stock').val().replace('%','');
		//跟进人
		var tagsArry = new Array();
		$('.tag-box .text').each(function(i){
			tagsArry[i] = $(this).text();
		});
		$.post(
				'/projects/updateProject',
				{
					'id' : projectId,
					'name' : projectName,
					'proDetail' : proDetail,
					'fieldId' : field,
					'areaId' : area,
					'roundId' : round,
					'money' : money,
					'currency' : currency,
					'stock' : stock,
					"link" : link,
					'bp' : bp,
					'tagsArry' : tagsArry
				},
				function(data){
					if(data.status = true){
						window.location.href = "/projects/projectDetail/"+projectId
					}
				},'json'
		);
		//关闭弹框
		$("#base-message-modal").modal("hide");
	});
	
	//删除标签函数
	function delTag(obj,parent,parents){
		//获取直接父级元素span
		var $parent=obj.parent(parent);
		//为父级添加标志类on
		$parent.addClass("on").siblings().removeClass("on");
		//删除含on类的span元素
		$(parents).find("span.on").remove();
	};
	
	/*------------------------------------------------------------
	 * 下拉选择框展开
	 -----------------------------------------------------------*/

	//1、点击选框时，展开、收起下拉选项
	$(".select").on("click",function(e){
		e.stopPropagation();
		
		var $tag,hidden;
		$tag=$(this).find(".options-box");
		hidden=$tag.css("display")=== "none" ? true : false;
		$(".options-box").slideUp();
		//显示展开选项
		if(hidden){
			$tag.slideDown();
		}
	});
	
	//点击具体选项时收起下拉框
    $(".options-box").on("click",".options",function(e){
		var value;
		e.stopPropagation();
		value=$(this).text();
		var data_value = $(this).data('value');
		$(this).addClass("selected").siblings().removeClass("selected");
		//赋值
		$(this).parents(".select").find("input:first").attr('data-value',data_value);
		$(this).parents(".select").find("input:first").val(value);
		//收起选项
		$(this).parents(".options-box").slideUp();
	});
	
	//点击下拉框外区域收起下拉选项
	$(document).click(function(){
		$(".options-box").slideUp();
	});

})